<!DOCTYPE html>
<html lang="en">

<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <meta http-equiv="X-UA-Compatible" content="ie=edge">
    <link rel="stylesheet" href="../css/reset.css">
    <link rel="stylesheet" href="../css/personal.css">
    <link rel="stylesheet" href="../css/swiper.min.css">
    <link rel="stylesheet" href="../font-awesome-4.7.0/css/font-awesome.css">
    <script src="../js/swiper.min.js"></script>
    <title>个人中心</title>

</head>

<body>
    <div class="app">
        <div id="bodys">
            <!-- 个人中心 -->
            <div class="bar-box">
                <div class="bar-header">
                    <div class="bar-left">
                        <i class="fa fa-angle-left"></i>
                    </div>
                    <div class="title">个人中心</div>
                    <div class="bar-right">
                        <i class="fa fa-ellipsis-h"></i>
                        <i class="fa fa-times"></i>
                    </div>
                </div>
                <!-- 弹出 -->
                <div class="drop-down">
                    <ul>
                        <li>
                            <a href="../index.html">
                                <i class="fa fa-home"></i>
                                <p>首页</p>
                            </a>
                        </li>
                        <li> <a href="./sousuo.html">
                                <i class="fa fa-search"></i>
                                <p>搜索</p>
                            </a></li>
                        <li> <a href="./classify.html">
                                <i class="fa fa-list-ul"></i>
                                <p>分类</p>
                            </a></li>
                        <li> <a href="./car.html">
                                <i class="fa fa-shopping-cart"></i>
                                <p>购物车</p>
                            </a></li>
                        <li> <a href="javascript:;">
                                <i class="fa fa-user-o"></i>
                                <p>我的i百联</p>
                            </a></li>
                    </ul>
                </div>
            </div>

            <!-- 登陆注册 -->
            <div class="member-head">
                <div class="head-log">
                    <div class="logo-box">
                        <i class="fa fa-cog" aria-hidden="true"></i>
                    </div>
                </div>
                <div class="head-main">
                    <div class="main-pic">
                        <!-- <img src="./images/personal/shareLogo.png" alt=""> -->
                    </div>
                    <div class="unlogo">
                        <label for="">登陆</label>/
                        <label for="">注册</label>
                    </div>
                </div>
            </div>

            <div class="bannerPic">
                <img src="../images/personal/1465966177.jpg" alt="">
            </div>

            <!-- 我的收藏 -->
            <div class="normal-box">
                <ul>
                    <li>
                        <div>
                            <img src="../images/personal/myfav1.png" alt="">
                        </div>
                        <h3>我的收藏</h3>
                        <p>您还没有收藏</p>
                    </li>
                    <li>
                        <div>
                            <img src="../images/personal/myfav2.png" alt="">
                        </div>
                        <h3>我的福利</h3>
                        <p>海量优惠券</p>
                    </li>
                    <li>
                        <div>
                            <img src="../images/personal/myfav2.png" alt="">
                        </div>
                        <h3>人人惠</h3>
                        <p>分享惠更多</p>
                    </li>
                </ul>
            </div>

            <!-- 积分 优惠券 电子卡 -->
            <div class="normal-box">
                <ul>
                    <li>
                        <div>0</div>
                        <span>积分</span>
                    </li>
                    <li>
                        <div>0</div>
                        <span>优惠券</span>
                    </li>
                    <li>
                        <div>0</div>
                        <span>电子卡</span>
                    </li>
                    <li>
                        <div><img src="../images/personal/pay.png" alt=""></div>

                        <span>会员支付</span>
                    </li>
                    <li style="border-left:1px solid #ccc;">
                        <div><img src="../images/personal/mywallet.png" alt=""></div>
                        <i class="trigle-line"></i>
                        <span>我的钱包</span>
                    </li>
                </ul>
            </div>
            <!-- 代付款 收货 待评价 -->
            <div class="normal-box">
                <ul>
                    <li>
                        <div><img src="../images/personal/waittopay.png" alt=""></div>
                        <span>代付款</span>
                    </li>
                    <li>
                        <div><img src="../images/personal/waittorec.png" alt=""></div>
                        <span>待收货</span>
                    </li>
                    <li>
                        <div><img src="../images/personal/waittocom.png" alt=""></div>
                        <span>待评价</span>
                    </li>
                    <li>
                        <div><img src="../images/personal/service2.png" alt=""></div>

                        <span>售后</span>
                    </li>
                    <li style="border-left:1px solid #ccc;" class="mypinjia">
                        <div><img src="../images/personal/myorders.png" alt=""></div>
                        <i class="trigle-line"></i>
                        <span>我的评价</span>
                    </li>
                </ul>
            </div>

            <div class="normal-list">
                <ul>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://img23.iblimg.com/market-2/images/activity/953189995.png"></div>银行卡活动
                        </div>
                        <div class="left-item">
                            <div class="info-text">每周六150减30元</div>
                            <div class="trigle"></div>
                        </div>
                    </li>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://img23.iblimg.com/market-2/images/activity/953189995.png"></div>
                            免费领流量
                        </div>
                        <div class="left-item">
                            <div class="info-text">线上线下笔笔消费送流量</div>
                            <div class="trigle"></div>
                        </div>
                    </li>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://img23.iblimg.com/market-2/images/activity/953189995.png"></div>
                            发票中心
                        </div>
                        <div class="left-item">
                            <div class="info-text">联华纤细订单电子发票</div>
                            <div class="trigle"></div>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- 服务承诺 -->
            <div class="normal-list">
                <ul>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://mh5.bl.com/static/img/servicePromise.2ed3b89.png" alt="">
                            </div>
                            服务承诺
                        </div>
                        <div class="left-item">
                            <div class="trigle"></div>
                        </div>
                    </li>
                </ul>
            </div>


            <!-- 联系客服 -->
            <div class="normal-list">
                <ul>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://img22.iblimg.com/market-2/images/activity/1215528374.png" alt="">
                            </div>
                            联系客服
                        </div>
                        <div class="left-item">
                            <div class="trigle"></div>
                        </div>
                    </li>
                    <li>
                        <div class="right-item">
                            <div class="logo-box">
                                <img src="https://img23.iblimg.com/market-2/images/activity/672132446.png" alt="">
                            </div>
                            帮助中心
                        </div>
                        <div class="left-item">
                            <div class="trigle"></div>
                        </div>
                    </li>
                </ul>
            </div>

            <!-- 为你推荐 -->
            <!-- <div> -->
            <div class="would-like">
                <div class="like-title">
                    <div>为你推荐</div>
                    <div class="line"></div>
                </div>
                <div class="good-list">
                    <ul>
                        <!-- <li>
                                <div class="lzload">
                                    <img src="http://Img33.iblimg.com/goods-35/3020/2016/11/SP_3020_302001467589_01_10006.jpg"
                                        alt="">
                                </div>
                                <div class="load-title">大金（DAIKIN）1.5匹 3级能效 变频 J系列 FTXJ335RCDW 壁挂式家用冷暖空调</div>
                                <div class="pic">￥ 3699.0</div>

                            </li> -->
                    </ul>
                </div>
                <div class="infinite-layer">
                    <div class="infinite-preloader"></div>
                    <div>  加载中...</div>
                </div>

            </div>
            <!-- </div> -->


        </div>
        <!-- 底部 -->
        <div class="menus">
            <ul class="menusWrap">
                <li class="flex-item">
                    <div class="flex-c">
                        <img src="../images/personal/index.png" alt="">
                    </div>
                    <div class="flex-c text">首页</div>
                </li>
                <li class="flex-item">
                    <div class="flex-c">
                        <img src="../images/personal/categor.png" alt="">
                    </div>
                    <div class="flex-c text">分类</div>
                </li>
                <li class="flex-item">
                    <div class="flex-c">
                        <img src="../images/personal/cart.png" alt="">
                    </div>
                    <div class="flex-c text">购物车</div>
                </li>
                <li class="flex-item">
                    <div class="flex-c">
                        <img src="../images/personal/my.png" alt="">
                    </div>
                    <div class="flex-c text">我的</div>
                </li>
            </ul>
        </div>
    </div>
    </div>
</body>
<script src="../js/font-size.js"></script>
<script src="../js/jquery-3.4.1.min.js"></script>
<script src="../js/personal.js"></script>
<!-- <script>
    var num = 0
    $('.header-two .two-fa').eq(0).click(function (e) {
        e.preventDefault
        num++
        if (num % 2 == 0) {
            $(this).children(".fa-ellipsis-h").show()
            $(this).children(".fa-times").css({ opacity: '0' })
            $(this).siblings().removeClass("down-show")
        } else {
            $(this).children(".fa-ellipsis-h").hide()
            $(this).children(".fa-times").css({ opacity: '1' })
            $(this).siblings().addClass("down-show").slideDown
        }
    })
</!--> -->


</html>